.Evaluation{
    flex: 1;
    // display: flex;
    overflow:scroll;
    background: #F3F5F7;
    .eva{
        background: white;
        border-bottom: 1px solid #E6E7E8;
        padding: 36px 0px;
        display: flex;
        .score{
            flex: 0.6;
            display: flex;
            flex-direction:column;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #E6E7E8;
            .sc{
                font-size:48px;
                color:rgb(255,153,0);
                line-height:56px;
            }
            .text{
                margin-top: 12px;
                font-size:24px;
                color:rgb(7,17,27);
                line-height:24px;
            }
            .rate{
                margin-top: 16px;
                font-size:20px;
                color:#9499A0;
                line-height:20px;
                padding-bottom: 12px;
            }
        }
        .star-block{
            margin-left: 48px;
            flex: 1;
            .star-style{
                // position: absolute;
                margin-top: -8px;
                // border: 1px solid red;
                --star-size: 30px;
            }
            .star:first-child{
                margin-top: 0px;
            }
            .star{
                margin-top: 16px;
                display: flex;
                align-items: center;
                .key{
                    font-size:24px;
                    color:rgb(7,17,27);
                    line-height:36px;
                }
                .value{
                    position: relative;
                    margin-left: 48px;
                    .star-score{
                        margin-left: 24px;
                        font-size:24px;
                        color:rgb(255,153,0);
                        line-height:36px;
                    }
                    .time{
                        font-size:24px;
                        color:rgb(147,153,159);
                        line-height:36px;
                    }
                }
            }
        }
    }
    .rates{
        margin-top: 36px;
        background: white;
        border-top: 1px solid #E6E7E8;
        border-bottom: 1px solid #E6E7E8;
        padding: 0px 36px;
        .rate-control{
            padding: 36px 0;
            .rate-select{
                border-bottom: 1px solid #E6E7E8;
                padding-bottom: 36px;
                display: flex;
                .block{
                    margin-right: 16px;
                    border-radius: 4px;
                    padding: 20px;
                    background: yellowgreen;
                    .text{
                        font-size: 24px;
                    }
                    .count{
                        font-size: 12px;
                    }
                }
                .block-like{
                    background: #CFEBF9;
                    color: #4E555E;
                }
                .block-unlike{
                    background: #E9EBEC;
                    color: #4E555E;
                }
                .block-checked{
                    background: #369CE0;
                    color: white;
                }
            }
            .rate-alltext{
                display: flex;
                align-items: center;
                font-size: 28px;
                color: #9499A0;
                margin-top: 36px;
                .icon{
                    font-size: 40px;
                    margin-right: 16px;
                }
            }
        }
    }
    .rate-list{
        background: white;
        .rate-list-item{
            border-bottom: 1px solid #E6E7E8;
            padding: 36px 0;
            margin: 0 36px;
            display: flex;
            .headimage{
                .img{
                    display: inline;
                    border-radius: 100px;
                    width: 56px;
                }
            }
            .rate-info{
                flex: 1;
                margin-left: 24px;
                display: flex;
                flex-direction: column;
                .head{
                    display: flex;
                    justify-content: space-between;
                    .name{
                        font-size:20px;
                        color:rgb(7,17,27);
                        line-height:24px;
                    }
                    .time{
                        font-size:20px;
                        font-weight:200;
                        color:rgb(147,153,159);
                        line-height:24px;
                    }
                }
                .rate-block{
                    display: flex;
                    align-items: center;
                    margin-top: 8px;
                    .star{
                        --star-size: 30px;
                    }
                    .text{
                        display: flex;
                        align-items: center;
                        margin-left: 12px;
                        font-size:20px;
                        font-weight:200;
                        color:rgb(147,153,159);
                        line-height:24px;
                    }
                }
                .rate-desc{
                    font-size:24px;
                    color:rgb(7,17,27);
                    line-height:36px;
                }
                .good-foods{
                    display: flex;
                    .up{
                        font-size:24px;
                        color:rgb(0,160,220);
                        line-height:32px;
                    }
                    .good-block-list{
                        margin-left: 16px;
                        display: flex;
                        flex-wrap: wrap;
                        .good-block-item{
                            // 
                            border: 1px solid rgba(7,17,27,0.1);
                            border-radius: 2px;
                            background-color: rgb(255,255,255);
                            font-size:18px;
                            color:rgb(147,153,159);
                            line-height:32px;
                            padding: 0 12px;
                            margin-right: 16px;
                        }
                        .good-block-item:last-child{
                            margin-right: 0px;
                        }
                    }
                }
            }

        }
    }
}